<!-- 全局深色背景+居中布局 -->
<div style="background: #121212; color: #f0f0f0; padding: 20px; border-radius: 8px; font-family: 'Consolas', monospace;">
  <!-- 顶部区域：头像+简介 -->
  <div style="display: flex; align-items: center; gap: 20px; margin-bottom: 30px; flex-wrap: wrap;">
    <!-- 头像（替换为你的头像链接） -->
    <div style="position: relative;">
      <img src="./touxiang.jpg" alt="Avatar" style="width: 120px; height: 120px; border-radius: 50%; border: 2px solid #6bffba;">
      <!-- 动态装饰点 -->
      <div style="position: absolute; bottom: 5px; right: 5px; width: 15px; height: 15px; background: #4ade80; border-radius: 50%; box-shadow: 0 0 5px #4ade80, 0 0 10px #4ade80; animation: pulse 2s infinite;"></div>
    </div>
    <!-- 个人信息 -->
    <div>
      <h1 style="font-size: 28px; margin: 0; color: #f0f0f0; letter-spacing: 1px;">神秘无比的瓜</h1>
      <p style="font-size: 14px; color: #94a3b8; margin: 5px 0; line-height: 1.6;">
        A researcher in 计算机视觉/爬虫/前端/全栈开发<br>
        Always exploring new frontiers !
      </p>
      <!-- 社交链接（替换为你的链接） -->
      <div style="display: flex; gap: 10px; margin-top: 10px;">
        <a href="https://gitcode.com/zjyxxzh" style="color: #60a5fa; text-decoration: none; font-size: 13px;">
          <span style="display: inline-block; padding: 4px 8px; border: 1px solid #60a5fa; border-radius: 4px; transition: all 0.3s;">GitCode</span>
        </a>
        <a href="#" style="color: #a78bfa; text-decoration: none; font-size: 13px;">
          <span style="display: inline-block; padding: 4px 8px; border: 1px solid #a78bfa; border-radius: 4px; transition: all 0.3s;">GitHub</span>
        </a>
        <a href="#" style="color: #fbbf24; text-decoration: none; font-size: 13px;">
          <span style="display: inline-block; padding: 4px 8px; border: 1px solid #fbbf24; border-radius: 4px; transition: all 0.3s;">Email</span>
        </a>
      </div>
    </div>
  </div>

  <!-- 欢迎区域：动态插图+图标装饰 -->
  <div style="text-align: center; margin-bottom: 30px;">
    <!-- 动态插图（替换为你的插图链接，推荐GIF） -->
    <img src="https://media.giphy.com/media/qgQUggAC3Pfv687qPC/giphy.gif" alt="Coding" style="width: 60%; max-width: 400px; border-radius: 8px; margin-bottom: 15px;">
    <!-- 动态图标装饰（可替换为你喜欢的emoji/图标） -->
    <div style="font-size: 20px; margin-bottom: 10px;">
      <span style="animation: float 3s ease-in-out infinite;">👋</span>
      <span style="animation: float 2s ease-in-out infinite; animation-delay: 0.2s;">🌟</span>
      <span style="animation: float 2.5s ease-in-out infinite; animation-delay: 0.4s;">🔥</span>
      <span style="animation: float 3s ease-in-out infinite; animation-delay: 0.6s;">🚀</span>
      <span style="animation: float 2s ease-in-out infinite; animation-delay: 0.8s;">🍕</span>
      <span style="animation: float 2.5s ease-in-out infinite; animation-delay: 1s;">💻</span>
    </div>
    <h2 style="font-size: 22px; margin: 0; color: #f0f0f0;">Welcome to 神秘无比的瓜's GitCode ! 🍀</h2>
    <p style="color: #94a3b8; margin: 5px 0; font-style: italic;">"The World Remains Peace" · 用心传递技术</p>
  </div>

  <!-- 技术栈区域：动态图标展示 -->
  <div style="margin-bottom: 30px;">
    <h3 style="font-size: 18px; color: #f0f0f0; border-bottom: 1px solid #333; padding-bottom: 8px; margin-bottom: 15px;">Tech Stack 🛠️</h3>
    <div style="display: flex; flex-wrap: wrap; gap: 15px; justify-content: center;">
      <!-- 动态技术图标（替换为对应GIF/静态图标） -->
      <img src="https://user-images.githubusercontent.com/74038190/212257454-16e3712e-945a-4ca2-b238-408ad0bf87e6.gif" width="60" title="C#" style="transition: transform 0.3s;">
      <img src="https://user-images.githubusercontent.com/74038190/212257472-08e52665-c503-4bd9-aa20-f5a4dae769b5.gif" width="60" title="Unity" style="transition: transform 0.3s;">
      <img src="https://user-images.githubusercontent.com/74038190/212257468-1e9a91f1-b626-4baa-b15d-5c385dfa7ed2.gif" width="60" title="WinForms" style="transition: transform 0.3s;">
      <img src="https://user-images.githubusercontent.com/74038190/212257465-7ce8d493-cac5-494e-982a-5a9deb852c4b.gif" width="60" title="图形学" style="transition: transform 0.3s;">
      <img src="https://user-images.githubusercontent.com/74038190/212257463-4d082cb4-7483-4eaf-bc25-6dde2628aabd.gif" width="60" title="WebGL" style="transition: transform 0.3s;">
    </div>
  </div>

  <!-- 精选项目区域 -->
  <div>
    <h3 style="font-size: 18px; color: #f0f0f0; border-bottom: 1px solid #333; padding-bottom: 8px; margin-bottom: 15px;">Featured Projects 🚀</h3>
    <div style="display: flex; flex-direction: column; gap: 15px;">
      <!-- 项目卡片1 -->
      <div style="background: #1e1e1e; padding: 15px; border-radius: 8px; border-left: 3px solid #60a5fa; transition: transform 0.3s;">
        <h4 style="font-size: 16px; margin: 0; color: #f0f0f0;">git基本操作</h4>
        <p style="font-size: 13px; color: #94a3b8; margin: 8px 0;">git命令笔记</p>
        <a href="https://gitcode.com/zjyxxzh/gitcode.git" style="font-size: 13px; color: #60a5fa; text-decoration: none;">查看详情 →</a>
      </div>
      <!-- 项目卡片2 -->
      <div style="background: #1e1e1e; padding: 15px; border-radius: 8px; border-left: 3px solid #a78bfa; transition: transform 0.3s;">
        <h4 style="font-size: 16px; margin: 0; color: #f0f0f0;">人工智能通识课程实验</h4>
        <p style="font-size: 13px; color: #94a3b8; margin: 8px 0;">实验</p>
        <a href="https://gitcode.com/zjyxxzh/aistart.git" style="font-size: 13px; color: #a78bfa; text-decoration: none;">查看详情 →</a>
      </div>
    </div>
  </div>

  <!-- 底部签名 -->
  <div style="text-align: center; margin-top: 40px; font-size: 13px; color: #94a3b8;">
    "用心传递技术。" —— 神秘无比的瓜
  </div>

  <!-- 动画样式（核心动态效果） -->
  <style>
    @keyframes pulse {
      0% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.7; transform: scale(1.2); }
      100% { opacity: 1; transform: scale(1); }
    }
    @keyframes float {
      0% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
      100% { transform: translateY(0); }
    }
    /* 悬浮交互效果 */
    a:hover span {
      background: rgba(96, 165, 250, 0.2);
      transform: scale(1.05);
    }
    img[title]:hover {
      transform: scale(1.1);
    }
    div[style*="background: #1e1e1e"]:hover {
      transform: translateX(5px);
    }
  </style>
</div>